<template>
  <div class="default-table-detail-container">
    <BaseTableInfo v-model="baseTableInfoModel" />
  </div>
</template>

<script lang="ts" setup>
import DrillInfoMaterialRecordDetailApi from "/@/api/DrillInfoMaterialRecordDetailApi.ts";

const props = defineProps({
  modelValue: {},
});
const route = useRouter();

const baseTableInfoModel = ref({
  columnCount: 3,
  autoFit: false,
  columnWidth: "300px",
  labelWidth: "100px",
  title: "订单基本信息",
  modelData: {},
  itemList: [
    {
      title: "",
      items: [
        //渲染样式区域  通过key ===model 中的值
        // {
        //   label: "id",
        //   field: "id",
        // },
        // {
        //   label: "学习记录id",
        //   field: "recordId",
        // },
        // {
        //   label: "资料id",
        //   field: "materialId",
        // },
        {
          label: "资料名称",
          field: "materialName",
        },
        {
          label: "描述",
          field: "description",
        },
        // {
        //   label: "资料名称",
        //   field: "materialType",
        // },
        {
          label: "报名记录",
          field: "entryId",
        },
        // {
        //   label: "活动id",
        //   field: "drillId",
        // },
        // {
        //   label: "用户id",
        //   field: "userKey",
        // },
        {
          label: "手机号",
          field: "phone",
        },
        // {
        //   label: "公司ID",
        //   field: "companyId",
        // },
        // {
        //   label: "员工id",
        //   field: "staffId",
        // },
        {
          label: "姓名",
          field: "staffName",
        },
        {
          label: "身份证",
          field: "staffIdentity",
        },
        {
          label: "开始时间",
          field: "startTime",
        },
        {
          label: "结束时间",
          field: "endTime",
        },
        {
          label: "持续时间s",
          field: "duration",
        },
        // {
        //   label: "资料url",
        //   field: "materialUrl",
        // },
        {
          label: "学习总结",
          field: "summary",
        },
        // {
        //   label: "创建人",
        //   field: "creator",
        // },
        // {
        //   label: "修改人",
        //   field: "reviser",
        // },
        // {
        //   label: "排序",
        //   field: "sort",
        // },
        {
          label: "创建时间",
          field: "create_time",
        },
        {
          label: "更新时间",
          field: "update_time",
        },
      ],
    },
  ],
  buttons: [
    //标题操作区域
    // {
    //   name: "更多",
    //  buttonClass: 'danger',
    // width: 100,
    // click: (any: object) => {   //暴露的方法钩子
    // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
    //},
    //},
  ],
});

onMounted(async () => {
  //初始化数据model
  const { data } = await DrillInfoMaterialRecordDetailApi.getDetail({
    drillInfoMaterialRecordDetailId:
      props.modelValue.query.drillInfoMaterialRecordDetailId, //从路由中获取参数
  });
  baseTableInfoModel.value.modelData = data;
});
</script>

<style lang="scss" scoped>
.default-table-detail-container {
  :deep() {
    .el-form--inline {
      .el-form-item {
        margin-right: 10px;
      }
    }

    .el-descriptions__label {
      min-width: 80px !important;
      text-align: right;
    }
  }
}
</style>
